<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>

    <link rel="stylesheet" href="pintuer.css">
    <style>
        i{
            font-size: 26px;
            margin: 10px;
        }
    </style>
</head>
<body>


<i class="icon-glass"></i>

<i class="icon-music"></i>

<i class="icon-search"></i>

<i class="icon-envelope-o"></i>

<i class="icon-heart"></i>

<i class="icon-star"></i>

<i class="icon-star-o"></i>

<i class="icon-user"></i>

<i class="icon-film"></i>

<i class="icon-th-large"></i>

<i class="icon-th"></i>

<i class="icon-th-list"></i>

<i class="icon-check"></i>

<i class="icon-times"></i>

<i class="icon-search-plus"></i>

<i class="icon-search-minus"></i>

<i class="icon-power-off"></i>

<i class="icon-signal"></i>

<i class="icon-gear"></i>
<i class="icon-cog"></i>

<i class="icon-trash-o"></i>

<i class="icon-home"></i>

<i class="icon-file-o"></i>

<i class="icon-clock-o"></i>

<i class="icon-road"></i>

<i class="icon-download"></i>

<i class="icon-arrow-circle-o-down"></i>

<i class="icon-arrow-circle-o-up"></i>

<i class="icon-inbox"></i>

<i class="icon-play-circle-o"></i>

<i class="icon-rotate-right"></i>
<i class="icon-repeat"></i>

<i class="icon-refresh"></i>

<i class="icon-list-alt"></i>

<i class="icon-lock"></i>

<i class="icon-flag"></i>

<i class="icon-headphones"></i>

<i class="icon-volume-off"></i>

<i class="icon-volume-down"></i>

<i class="icon-volume-up"></i>

<i class="icon-qrcode"></i>

<i class="icon-barcode"></i>

<i class="icon-tag"></i>

<i class="icon-tags"></i>

<i class="icon-book"></i>

<i class="icon-bookmark"></i>

<i class="icon-print"></i>

<i class="icon-camera"></i>

<i class="icon-font"></i>

<i class="icon-bold"></i>

<i class="icon-italic"></i>

<i class="icon-text-height"></i>

<i class="icon-text-width"></i>

<i class="icon-align-left"></i>

<i class="icon-align-center"></i>

<i class="icon-align-right"></i>

<i class="icon-align-justify"></i>

<i class="icon-list"></i>

<i class="icon-dedent"></i>
<i class="icon-outdent"></i>

<i class="icon-indent"></i>

<i class="icon-video-camera"></i>

<i class="icon-photo"></i>
<i class="icon-image"></i>
<i class="icon-picture-o"></i>

<i class="icon-pencil"></i>

<i class="icon-map-marker"></i>

<i class="icon-adjust"></i>

<i class="icon-tint"></i>

<i class="icon-edit"></i>
<i class="icon-pencil-square-o"></i>

<i class="icon-share-square-o"></i>

<i class="icon-check-square-o"></i>

<i class="icon-arrows"></i>

<i class="icon-step-backward"></i>

<i class="icon-fast-backward"></i>

<i class="icon-backward"></i>

<i class="icon-play"></i>

<i class="icon-pause"></i>

<i class="icon-stop"></i>

<i class="icon-forward"></i>

<i class="icon-fast-forward"></i>

<i class="icon-step-forward"></i>

<i class="icon-eject"></i>

<i class="icon-chevron-left"></i>

<i class="icon-chevron-right"></i>

<i class="icon-plus-circle"></i>

<i class="icon-minus-circle"></i>

<i class="icon-times-circle"></i>

<i class="icon-check-circle"></i>

<i class="icon-question-circle"></i>

<i class="icon-info-circle"></i>

<i class="icon-crosshairs"></i>

<i class="icon-times-circle-o"></i>

<i class="icon-check-circle-o"></i>

<i class="icon-ban"></i>

<i class="icon-arrow-left"></i>

<i class="icon-arrow-right"></i>

<i class="icon-arrow-up"></i>

<i class="icon-arrow-down"></i>

<i class="icon-mail-forward"></i>
<i class="icon-share"></i>

<i class="icon-expand"></i>

<i class="icon-compress"></i>

<i class="icon-plus"></i>

<i class="icon-minus"></i>

<i class="icon-asterisk"></i>

<i class="icon-exclamation-circle"></i>

<i class="icon-gift"></i>

<i class="icon-leaf"></i>

<i class="icon-fire"></i>

<i class="icon-eye"></i>

<i class="icon-eye-slash"></i>

<i class="icon-warning"></i>
<i class="icon-exclamation-triangle"></i>

<i class="icon-plane"></i>

<i class="icon-calendar"></i>

<i class="icon-random"></i>

<i class="icon-comment"></i>

<i class="icon-magnet"></i>

<i class="icon-chevron-up"></i>

<i class="icon-chevron-down"></i>

<i class="icon-retweet"></i>

<i class="icon-shopping-cart"></i>

<i class="icon-folder"></i>

<i class="icon-folder-open"></i>

<i class="icon-arrows-v"></i>

<i class="icon-arrows-h"></i>

<i class="icon-bar-chart-o"></i>

<i class="icon-twitter-square"></i>

<i class="icon-facebook-square"></i>

<i class="icon-camera-retro"></i>

<i class="icon-key"></i>

<i class="icon-gears"></i>
<i class="icon-cogs"></i>

<i class="icon-comments"></i>

<i class="icon-thumbs-o-up"></i>

<i class="icon-thumbs-o-down"></i>

<i class="icon-star-half"></i>

<i class="icon-heart-o"></i>

<i class="icon-sign-out"></i>

<i class="icon-linkedin-square"></i>

<i class="icon-thumb-tack"></i>

<i class="icon-external-link"></i>

<i class="icon-sign-in"></i>

<i class="icon-trophy"></i>

<i class="icon-github-square"></i>

<i class="icon-upload"></i>

<i class="icon-lemon-o"></i>

<i class="icon-phone"></i>

<i class="icon-square-o"></i>

<i class="icon-bookmark-o"></i>

<i class="icon-phone-square"></i>

<i class="icon-twitter"></i>

<i class="icon-facebook"></i>

<i class="icon-github"></i>

<i class="icon-unlock"></i>

<i class="icon-credit-card"></i>

<i class="icon-rss"></i>

<i class="icon-hdd-o"></i>

<i class="icon-bullhorn"></i>

<i class="icon-bell"></i>

<i class="icon-certificate"></i>

<i class="icon-hand-o-right"></i>

<i class="icon-hand-o-left"></i>

<i class="icon-hand-o-up"></i>

<i class="icon-hand-o-down"></i>

<i class="icon-arrow-circle-left"></i>

<i class="icon-arrow-circle-right"></i>

<i class="icon-arrow-circle-up"></i>

<i class="icon-arrow-circle-down"></i>

<i class="icon-globe"></i>

<i class="icon-wrench"></i>

<i class="icon-tasks"></i>

<i class="icon-filter"></i>

<i class="icon-briefcase"></i>

<i class="icon-arrows-alt"></i>

<i class="icon-group"></i>
<i class="icon-users"></i>

<i class="icon-chain"></i>
<i class="icon-link"></i>

<i class="icon-cloud"></i>

<i class="icon-flask"></i>

<i class="icon-cut"></i>
<i class="icon-scissors"></i>

<i class="icon-copy"></i>
<i class="icon-files-o"></i>

<i class="icon-paperclip"></i>

<i class="icon-save"></i>
<i class="icon-floppy-o"></i>

<i class="icon-square"></i>

<i class="icon-navicon"></i>
<i class="icon-reorder"></i>
<i class="icon-bars"></i>

<i class="icon-list-ul"></i>

<i class="icon-list-ol"></i>

<i class="icon-strikethrough"></i>

<i class="icon-underline"></i>

<i class="icon-table"></i>

<i class="icon-magic"></i>

<i class="icon-truck"></i>

<i class="icon-pinterest"></i>

<i class="icon-pinterest-square"></i>

<i class="icon-google-plus-square"></i>

<i class="icon-google-plus"></i>

<i class="icon-money"></i>

<i class="icon-caret-down"></i>

<i class="icon-caret-up"></i>

<i class="icon-caret-left"></i>

<i class="icon-caret-right"></i>

<i class="icon-columns"></i>

<i class="icon-unsorted"></i>
<i class="icon-sort"></i>

<i class="icon-sort-down"></i>
<i class="icon-sort-desc"></i>

<i class="icon-sort-up"></i>
<i class="icon-sort-asc"></i>

<i class="icon-envelope"></i>

<i class="icon-linkedin"></i>

<i class="icon-rotate-left"></i>
<i class="icon-undo"></i>

<i class="icon-legal"></i>
<i class="icon-gavel"></i>

<i class="icon-dashboard"></i>
<i class="icon-tachometer"></i>

<i class="icon-comment-o"></i>

<i class="icon-comments-o"></i>

<i class="icon-flash"></i>
<i class="icon-bolt"></i>

<i class="icon-sitemap"></i>

<i class="icon-umbrella"></i>

<i class="icon-paste"></i>
<i class="icon-clipboard"></i>

<i class="icon-lightbulb-o"></i>

<i class="icon-exchange"></i>

<i class="icon-cloud-download"></i>

<i class="icon-cloud-upload"></i>

<i class="icon-user-md"></i>

<i class="icon-stethoscope"></i>

<i class="icon-suitcase"></i>

<i class="icon-bell-o"></i>

<i class="icon-coffee"></i>

<i class="icon-cutlery"></i>

<i class="icon-file-text-o"></i>

<i class="icon-building-o"></i>

<i class="icon-hospital-o"></i>

<i class="icon-ambulance"></i>

<i class="icon-medkit"></i>

<i class="icon-fighter-jet"></i>

<i class="icon-beer"></i>

<i class="icon-h-square"></i>

<i class="icon-plus-square"></i>

<i class="icon-angle-double-left"></i>

<i class="icon-angle-double-right"></i>

<i class="icon-angle-double-up"></i>

<i class="icon-angle-double-down"></i>

<i class="icon-angle-left"></i>

<i class="icon-angle-right"></i>

<i class="icon-angle-up"></i>

<i class="icon-angle-down"></i>

<i class="icon-desktop"></i>

<i class="icon-laptop"></i>

<i class="icon-tablet"></i>

<i class="icon-mobile-phone"></i>
<i class="icon-mobile"></i>

<i class="icon-circle-o"></i>

<i class="icon-quote-left"></i>

<i class="icon-quote-right"></i>

<i class="icon-spinner"></i>

<i class="icon-circle"></i>

<i class="icon-mail-reply"></i>
<i class="icon-reply"></i>

<i class="icon-github-alt"></i>

<i class="icon-folder-o"></i>

<i class="icon-folder-open-o"></i>

<i class="icon-smile-o"></i>

<i class="icon-frown-o"></i>

<i class="icon-meh-o"></i>

<i class="icon-gamepad"></i>

<i class="icon-keyboard-o"></i>

<i class="icon-flag-o"></i>

<i class="icon-flag-checkered"></i>

<i class="icon-terminal"></i>

<i class="icon-code"></i>

<i class="icon-mail-reply-all"></i>
<i class="icon-reply-all"></i>

<i class="icon-star-half-empty"></i>
<i class="icon-star-half-full"></i>
<i class="icon-star-half-o"></i>

<i class="icon-location-arrow"></i>

<i class="icon-crop"></i>

<i class="icon-code-fork"></i>

<i class="icon-unlink"></i>
<i class="icon-chain-broken"></i>

<i class="icon-question"></i>

<i class="icon-info"></i>

<i class="icon-exclamation"></i>

<i class="icon-superscript"></i>

<i class="icon-subscript"></i>

<i class="icon-eraser"></i>

<i class="icon-puzzle-piece"></i>

<i class="icon-microphone"></i>

<i class="icon-microphone-slash"></i>

<i class="icon-shield"></i>

<i class="icon-calendar-o"></i>

<i class="icon-fire-extinguisher"></i>

<i class="icon-rocket"></i>

<i class="icon-maxcdn"></i>

<i class="icon-chevron-circle-left"></i>

<i class="icon-chevron-circle-right"></i>

<i class="icon-chevron-circle-up"></i>

<i class="icon-chevron-circle-down"></i>

<i class="icon-html5"></i>

<i class="icon-css3"></i>

<i class="icon-anchor"></i>

<i class="icon-unlock-alt"></i>

<i class="icon-bullseye"></i>

<i class="icon-ellipsis-h"></i>

<i class="icon-ellipsis-v"></i>

<i class="icon-rss-square"></i>

<i class="icon-play-circle"></i>

<i class="icon-ticket"></i>

<i class="icon-minus-square"></i>

<i class="icon-minus-square-o"></i>

<i class="icon-level-up"></i>

<i class="icon-level-down"></i>

<i class="icon-check-square"></i>

<i class="icon-pencil-square"></i>

<i class="icon-external-link-square"></i>

<i class="icon-share-square"></i>

<i class="icon-compass"></i>

<i class="icon-toggle-down"></i>
<i class="icon-caret-square-o-down"></i>

<i class="icon-toggle-up"></i>
<i class="icon-caret-square-o-up"></i>

<i class="icon-toggle-right"></i>
<i class="icon-caret-square-o-right"></i>

<i class="icon-euro"></i>
<i class="icon-eur"></i>

<i class="icon-gbp"></i>

<i class="icon-dollar"></i>
<i class="icon-usd"></i>

<i class="icon-rupee"></i>
<i class="icon-inr"></i>

<i class="icon-cny"></i>
<i class="icon-rmb"></i>
<i class="icon-yen"></i>
<i class="icon-jpy"></i>

<i class="icon-ruble"></i>
<i class="icon-rouble"></i>
<i class="icon-rub"></i>

<i class="icon-won"></i>
<i class="icon-krw"></i>

<i class="icon-bitcoin"></i>
<i class="icon-btc"></i>

<i class="icon-file"></i>

<i class="icon-file-text"></i>

<i class="icon-sort-alpha-asc"></i>

<i class="icon-sort-alpha-desc"></i>

<i class="icon-sort-amount-asc"></i>

<i class="icon-sort-amount-desc"></i>

<i class="icon-sort-numeric-asc"></i>

<i class="icon-sort-numeric-desc"></i>

<i class="icon-thumbs-up"></i>

<i class="icon-thumbs-down"></i>

<i class="icon-youtube-square"></i>

<i class="icon-youtube"></i>

<i class="icon-xing"></i>

<i class="icon-xing-square"></i>

<i class="icon-youtube-play"></i>

<i class="icon-dropbox"></i>

<i class="icon-stack-overflow"></i>

<i class="icon-instagram"></i>

<i class="icon-flickr"></i>

<i class="icon-adn"></i>

<i class="icon-bitbucket"></i>

<i class="icon-bitbucket-square"></i>

<i class="icon-tumblr"></i>

<i class="icon-tumblr-square"></i>

<i class="icon-long-arrow-down"></i>

<i class="icon-long-arrow-up"></i>

<i class="icon-long-arrow-left"></i>

<i class="icon-long-arrow-right"></i>

<i class="icon-apple"></i>

<i class="icon-windows"></i>

<i class="icon-android"></i>

<i class="icon-linux"></i>

<i class="icon-dribbble"></i>

<i class="icon-skype"></i>

<i class="icon-foursquare"></i>

<i class="icon-trello"></i>

<i class="icon-female"></i>

<i class="icon-male"></i>

<i class="icon-gittip"></i>

<i class="icon-sun-o"></i>

<i class="icon-moon-o"></i>

<i class="icon-archive"></i>

<i class="icon-bug"></i>

<i class="icon-vk"></i>

<i class="icon-weibo"></i>

<i class="icon-renren"></i>

<i class="icon-pagelines"></i>

<i class="icon-stack-exchange"></i>

<i class="icon-arrow-circle-o-right"></i>

<i class="icon-arrow-circle-o-left"></i>

<i class="icon-toggle-left"></i>
<i class="icon-caret-square-o-left"></i>

<i class="icon-dot-circle-o"></i>

<i class="icon-wheelchair"></i>

<i class="icon-vimeo-square"></i>

<i class="icon-turkish-lira"></i>
<i class="icon-try"></i>

<i class="icon-plus-square-o"></i>

<i class="icon-space-shuttle"></i>

<i class="icon-slack"></i>

<i class="icon-envelope-square"></i>

<i class="icon-wordpress"></i>

<i class="icon-openid"></i>

<i class="icon-institution"></i>
<i class="icon-bank"></i>
<i class="icon-university"></i>

<i class="icon-mortar-board"></i>
<i class="icon-graduation-cap"></i>

<i class="icon-yahoo"></i>

<i class="icon-google"></i>

<i class="icon-reddit"></i>

<i class="icon-reddit-square"></i>

<i class="icon-stumbleupon-circle"></i>

<i class="icon-stumbleupon"></i>

<i class="icon-delicious"></i>

<i class="icon-digg"></i>

<i class="icon-pied-piper-square"></i>
<i class="icon-pied-piper"></i>

<i class="icon-pied-piper-alt"></i>

<i class="icon-drupal"></i>

<i class="icon-joomla"></i>

<i class="icon-language"></i>

<i class="icon-fax"></i>

<i class="icon-building"></i>

<i class="icon-child"></i>

<i class="icon-paw"></i>

<i class="icon-spoon"></i>

<i class="icon-cube"></i>

<i class="icon-cubes"></i>

<i class="icon-behance"></i>

<i class="icon-behance-square"></i>

<i class="icon-steam"></i>

<i class="icon-steam-square"></i>

<i class="icon-recycle"></i>

<i class="icon-automobile"></i>
<i class="icon-car"></i>

<i class="icon-cab"></i>
<i class="icon-taxi"></i>

<i class="icon-tree"></i>

<i class="icon-spotify"></i>

<i class="icon-deviantart"></i>

<i class="icon-soundcloud"></i>

<i class="icon-database"></i>

<i class="icon-file-pdf-o"></i>

<i class="icon-file-word-o"></i>

<i class="icon-file-excel-o"></i>

<i class="icon-file-powerpoint-o"></i>

<i class="icon-file-photo-o"></i>
<i class="icon-file-picture-o"></i>
<i class="icon-file-image-o"></i>

<i class="icon-file-zip-o"></i>
<i class="icon-file-archive-o"></i>

<i class="icon-file-sound-o"></i>
<i class="icon-file-audio-o"></i>

<i class="icon-file-movie-o"></i>
<i class="icon-file-video-o"></i>

<i class="icon-file-code-o"></i>

<i class="icon-vine"></i>

<i class="icon-codepen"></i>

<i class="icon-jsfiddle"></i>

<i class="icon-life-bouy"></i>
<i class="icon-life-saver"></i>
<i class="icon-support"></i>
<i class="icon-life-ring"></i>

<i class="icon-circle-o-notch"></i>

<i class="icon-ra"></i>
<i class="icon-rebel"></i>

<i class="icon-ge"></i>
<i class="icon-empire"></i>

<i class="icon-git-square"></i>

<i class="icon-git"></i>

<i class="icon-hacker-news"></i>

<i class="icon-tencent-weibo"></i>

<i class="icon-qq"></i>

<i class="icon-wechat"></i>
<i class="icon-weixin"></i>

<i class="icon-send"></i>
<i class="icon-paper-plane"></i>

<i class="icon-send-o"></i>
<i class="icon-paper-plane-o"></i>

<i class="icon-history"></i>

<i class="icon-circle-thin"></i>

<i class="icon-header"></i>

<i class="icon-paragraph"></i>

<i class="icon-sliders"></i>

<i class="icon-share-alt"></i>

<i class="icon-share-alt-square"></i>

<i class="icon-bomb"></i>

</body>
</html>
